/*
 * Copyright (c) 2022-2024 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { mutableState, MutableState } from "@koalaui/runtime"
import { ArkCommon } from "./ArkCommon"
import { observableProxy } from "@koalaui/common"

export { contextLocalStateOf, propState, objectLinkState, SyncedProperty } from "@koalaui/arkui-common"
export { MutableState, OnChange, contextLocal } from "@koalaui/runtime"


/**
 * So what's going on here? We need to create states that persists across
 * routing and lifecycle events. To achieve that we create `ValueStorage`
 * instance and make it a router-local variable. As these variables persists
 * across routing, so we'll get stable values.
 */
export function stateOf<Value>(value: Value, instance?: CustomComponent, index?: number): MutableState<Value> {
    return mutableState(observableProxy(value))
}
